@import '../../../assets/less/base/variables.less';
@import '../../../assets/less/libs/zTreeStyle.css';
.table-tree-wrapper {
  width: 260px;
  max-height: 600px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.tree-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  margin-right: @spacing * 2;
  .tree-search-header{
    width: 100%;
    padding: 12px;
    background-color: @lightGrey;
    border-bottom: 1px solid @greydd;
    .form-control {
      &:focus {
        border-color: lighten(@blue, 8%);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(85, 136, 221, 0.6)
      }
    }
    .input-group-addon {
      display: inline-block;
      height: 28px;
      line-height: 28px;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 4px;
      color: #FFF;
      background-color: @blue;
      border-color: @blue;
    }
  }
  .input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .form-control {
    flex: 1;
    display: inline-block;
    width: 54px;
    height: 30px;
    line-height: 30px;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: 12px;
    border: 1px solid @lightBorderColor;
    border-radius: 4px;
  }
  .ztree {
    flex: 1;
    width: 100%;
    padding: @spacing * 2;
    overflow: auto;
    li{
      margin-bottom: 8px;
      &:last-child{
        margin-bottom: 0px;
      }
      ul{
        margin-top: 6px;
      }
      a{
        &.curSelectedNode ,&:hover{
          padding-top: 1px;
          background:none;
          border:0;
          text-decoration: none;
          color: @blue;
        }
        &.curSelectedNode{
          color: @lightBlack;
        }
        span{
          vertical-align: sub;
        }
      }
      span.button{
        background-image: url(../../../assets/img/ake-icon.png);
        &.noline_close{
          background-position: -100px center;
        }
        &.noline_open{
          background-position: -150px center;
        }
        &.noline_docu{
          background:none;
        }
        &.chk{
          width: 24px;
          height: 24px;
          cursor:pointer;
          &.checkbox_false_full{
            background-position: -24px 0;
          }
          &.checkbox_false_full_focus{
            background-position: -24px 0;
          }
          &.checkbox_true_full{
            background-position: 0 0;
            + a > span{
              color: @blue;
            }
          }
          &.checkbox_true_full_focus{
            background-position: 0 0;
          }
          &.checkbox_false_part{
            background-position: -24px 0;
          }
          &.checkbox_true_part,&.checkbox_true_part_focus{
            background-position:-504px 0;
          }
          &.checkbox_false_part_focus{
            background-position: -24px 0;
          }

          &.radio_false_full{
            background-position: -72px 0;
          }
          &.radio_false_full_focus{
            background-position: -72px 0;
          }
          &.radio_true_full{
            background-position: -48px 0;
            + a > span{
              color: @blue;
            }
          }
          &.radio_true_full_focus{
            background-position:-48px 0;
          }
          &.radio_true_part,&.radio_false_part{
            background-position: -72px 0;
          }
          &.radio_true_part_focus,&.radio_false_part_focus{
            background-position: -72px 0;
          }
        }

      }
    }
    > li{
      &:last-child{
        margin-bottom: 16px;
      }
    }
  }
  .tree-footer {
    width: 100%;
    text-align: center;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid @greydd;
  }
}